<template>
    <component :is="tag" :label="label" label-position="left">
        <el-button type="primary" plain @click="open" v-bind="$attrs">
            {{$attrs.value||'编辑'}}
        </el-button>
    </component>
</template>
<script setup lang="tsx">
import {computed} from 'vue'
import {showMsg} from '@dashboard/utils'
import {HrTable} from "gzhr-ui"
import {ElButton} from 'element-plus'
const value = defineModel<any>()
const {label} = defineProps<{
    label:string
}>()
defineOptions({inheritAttrs: false})
//当前标签为空时，不显示标签。因为el-form-item为空时会有bug
const tag = computed(()=>label?'el-form-item':'div')
const open = ()=>{
    const pagination = {"Page":1,"PageSize":30,"Total":11};
    let close = showMsg({
        title:'控件配置',
        component:{
            render(){
                return (
                    <div style="width:100%;height:100%;padding: 10px;box-sizing: border-box;">
                        <div style="height:100%;width:100;border:1px solid rgb(223 223 223);border-radius:8px;">
                            <div style="height:40px;width:100%;padding: 8px 15px;box-sizing: border-box;display: grid;grid-template-columns: 30% 70%;border-bottom:1px solid rgb(233 233 233);">
                                <div style="height:100%;">
                                </div>
                                <div style="height:100%;display:flex;justify-content: flex-end;">
                                    <ElButton type="primary" size="small" style="height:100%;" onClick={this.add}>新增</ElButton>
                                    <ElButton type="primary" size="small" style="height:100%;" onClick={this.save}>确定</ElButton>
                                </div>
                            </div>
                            <div id="table" style="height: calc(100% - 40px);" >
                                <HrTable
                                ref="table"  // 使用 ref 获取组件实例
                                config={config}  // 传递 config 属性
                                pagination={pagination}  // 传递 pagination 属性
                                onActionClick={this.handleActionClick}  // 绑定事件
                                />
                            </div>
                        </div>
                    </div>
                )
            },
            mounted(){
                setTimeout(()=>{
                    this.$refs.table.gridRef.loadData(JSON.parse(JSON.stringify(value.value)))
                },10)
            },
            methods:{
                add(){
                    let tableData = this.$refs.table.gridRef.getTableData().tableData;
                    this.$refs.table.gridRef.insertNextAt({guid:Date.now(),type:'input',columns:2,operation:'=',connector:'AND'},tableData[tableData.length-1])
                },
                save(){
                    let data = JSON.parse(JSON.stringify(this.$refs.table.gridRef.getTableData().tableData))
                    value.value = data.map(e=>{
                        for(let key in e){
                            if(e[key]==null||e[key]=='')
                            delete e[key]
                        }
                        return e
                    })
                    close()
                },
                handleActionClick(e){
                    if(e.btnInfo.Type=='Delete')
                    e.gridRef.remove(e.row)
                }
            }
        }
    })
    
}
const config = {
    "Edit": true,
    "Row-Edit": false,
    "Pages": true,
    "ColumnsMenu": false,
    "Copy": false,
    "Number": true,
    "RowCheck": false,
    "Filter": true,
    "AutoFullWidth": true,
    "Total-Row": false,
    "ChooseDataType": "Alternative",
    "OpenPageCode": "",
    "PageName": "",
    "OpenPageOID": "",
    "URLParamsObject": "",
    "URLParamsHook": "",
    "OpenPageSize": "",
    "Total-Field": "",
    "Total-Model": "",
    "Group": false,
    "Group-field": "",
    "RowDetail": false,
    "RowDetail-field": "",
    "IsTreeGrid": false,
    "AutoLevelCode": false,
    "LevelCodeField": "ClassCode",
    "LevelCodeLength": "3",
    "TreeNodeField": "",
    "TreeParentField": "ParentOID",
    "Collect": false,
    "WBS": false,
    "Sort": true,
    "Zoom": false,
    "LastLevelCanAdd": false,
    "IsMergeCell": false,
    "indexField": "",
    "mergeField": "",
    "rowHeight": "",
    "headRowHeight": "",
    "height": "100%",
    "Zebra": true,
    "RowLine": true,
    "VerticalLine": true,
    "headFontColor": "",
    "headBackGroundColor": "#00ffaa",
    "autoHeight": false,
    "columns": [
        {
            "slots": {},
            "params": {},
            "type": "seq",
            "title": "序号",
            "align": "center",
            "fixed": "left",
            "width": 50
        },
        {
            "slots": {
                "header": "FilterRows",
                "default": "ActionRender"
            },
            "params": {
                "AutoCode": false,
                "BusinessMark": "",
                "filter": false,
                "sortable": false,
                "sortStatus": null,
                "FieldType": "action",
                "disabled": false,
                "PickPeopleCheckType": "FCheck",
                "PickPeopleType": [
                    "All"
                ],
                "PickPeopleIsAll": "No",
                "PickPeopleStatus": 1,
                "StoredValueField": "",
                "ReturnValueField": "",
                "BackfillField": "",
                "URLParamsObject": "",
                "URLParamsHook": "",
                "ChoosePageOID": "",
                "ChoosePageType": "",
                "step": 1,
                "SearchField": "",
                "LinkButton": [
                    {
                        "Name": "删除",
                        "Type": "Delete"
                    }
                ],
                "NodeNameField": "label",
                "NodeValueField": "value",
                "ParentNodeField": "ParentOID",
                "DefaultValue": "",
                "DateType": "date",
                "Field-Type": "action",
                "RenderCode": "",
                "IsLabel": false,
                "LabelAutoColor": false,
                "LabelConfig": [
                    {}
                ],
                "EnumType": "CodeTable",
                "Enum": "",
                "LabelStoreField": "",
                "DataAPIOID": "",
                "Required": false,
                "Edit": "",
                "LeftStr": "",
                "RightStr": "",
                "Thousand": false,
                "treeNode": false,
                "Fixed": "left",
                "Width": "",
                "Align": "center",
                "ChoosePageCode": "",
                "ChoosePageName": "选择页名称",
                "FieldName_EG": "action",
                "FieldName": "操作",
                "rowToColumnDSBind": ""
            },
            "field": "action",
            "title": "操作",
            "colId": "action",
            "filters": [
                {
                    "data": ""
                }
            ],
            "fixed": "left",
            "align": "center",
            "editRender": {
                "enabled": false
            },
            "width": 80
        },
        {
            "slots": {
                "header": "FilterRows",
                "edit": "InputEditor"
            },
            "params": {
                "AutoCode": false,
                "BusinessMark": "",
                "filter": false,
                "sortable": true,
                "sortStatus": null,
                "FieldType": "input",
                "PickPeopleCheckType": "FCheck",
                "PickPeopleType": [
                    "All"
                ],
                "PickPeopleIsAll": "No",
                "PickPeopleStatus": 1,
                "StoredValueField": "",
                "ReturnValueField": "",
                "BackfillField": "",
                "URLParamsObject": "",
                "URLParamsHook": "",
                "ChoosePageOID": "",
                "ChoosePageType": "",
                "step": 1,
                "SearchField": "",
                "LinkButton": [
                    {}
                ],
                "NodeNameField": "label",
                "NodeValueField": "value",
                "ParentNodeField": "ParentOID",
                "DefaultValue": "",
                "DateType": "date",
                "Field-Type": "input",
                "RenderCode": "",
                "IsLabel": false,
                "LabelAutoColor": false,
                "LabelConfig": [
                    {}
                ],
                "EnumType": "CodeTable",
                "Enum": "",
                "LabelStoreField": "",
                "DataAPIOID": "",
                "Required": false,
                "Edit": "",
                "LeftStr": "",
                "RightStr": "",
                "Thousand": false,
                "treeNode": false,
                "Fixed": false,
                "Width": 228,
                "Align": "center",
                "ChoosePageCode": "",
                "ChoosePageName": "选择页名称",
                "FieldSelect": [
                    "Dev_PageConfig",
                    "PageName"
                ],
                "FieldName_EG": "PageName",
                "FieldName": "页面名称",
                "rowToColumnDSBind": ""
            },
            "field": "name",
            "title": "控件名称",
            "colId": "name",
            "filters": [
                {
                    "data": ""
                }
            ],
            "width": 200,
            "align": "center",
            "editRender": {
                "enabled": true,
                "autofocus": ".el-input__inner"
            }
        },
        {
            "slots": {
                "header": "FilterRows",
                "default": "SelectRender",
                "edit": "SelectEditor"
            },
            "params": {
                "AutoCode": false,
                "BusinessMark": "",
                "sortable": true,
                "sortStatus": null,
                "FieldType": "select",
                "PickPeopleCheckType": "FCheck",
                "PickPeopleType": [
                    "All"
                ],
                "PickPeopleIsAll": "No",
                "PickPeopleStatus": 1,
                "StoredValueField": [],
                "ReturnValueField": [],
                "BackfillField": "",
                "URLParamsObject": "",
                "URLParamsHook": "",
                "ChoosePageOID": "",
                "ChoosePageType": "",
                "step": 1,
                "SearchField": "",
                "LinkButton": [
                    {}
                ],
                "NodeNameField": "label",
                "NodeValueField": "value",
                "ParentNodeField": "ParentOID",
                "options": [
                    {
                        "label": "搜索框",
                        "value": "input"
                    },
                    //{
                    //    "label": "单选",
                    //    "value": "radio"
                    //},
                    {
                        "label": "多选",
                        "value": "checkbox"
                    },
                    {
                        "label": "下拉树",
                        "value": "comboTree"
                    },
                    {
                        "label": "日期",
                        "value": "date"
                    },
                    {
                        "label": "选择框",
                        "value": "choose"
                    },
                    //{
                    //    "label": "开关",
                    //    "value": "switch"
                    //},
                    {
                        "label": "范围",
                        "value": "scoped"
                    }
                ],
                "DefaultValue": "",
                "DateType": "date",
                "Field-Type": "select",
                "RenderCode": "",
                "delPermission": false,
                "IsLabel": false,
                "LabelAutoColor": false,
                "LabelConfig": [
                    {}
                ],
                "EnumType": "CodeTable",
                "Enum": "Dev_PageButtonType",
                "LabelStoreField": "",
                "DataAPIOID": "",
                "Required": false,
                "Edit": "",
                "LeftStr": "",
                "RightStr": "",
                "Thousand": false,
                "treeNode": false,
                "Fixed": "false",
                "Width": "",
                "Align": "center",
                "ChoosePageCode": "",
                "ChoosePageName": "选择页名称",
                "FieldSelect": [
                    "Dev_PageBotton",
                    "ButtonType"
                ],
                "FieldName_EG": "ButtonType",
                "FieldName": "按钮类型",
                "rowToColumnDSBind": "",
            },
            "field": "type",
            "title": "控件类型",
            "colId": "type",
            "width": 180,
            "align": "center",
            "editRender": {
                "enabled": true,
                "autofocus": ".el-select__input"
            }
        },
        {
            "slots": {
                "header": "FilterRows",
                "default": "CheckboxRender",
                "edit": "CheckboxRender"
            },
            "params": {
                "AutoCode": false,
                "BusinessMark": "",
                "filter": false,
                "sortable": true,
                "sortStatus": null,
                "FieldType": "bool",
                "disabled": false,
                "PickPeopleCheckType": "FCheck",
                "PickPeopleType": [
                    "All"
                ],
                "PickPeopleIsAll": "No",
                "PickPeopleStatus": 1,
                "StoredValueField": [],
                "ReturnValueField": [],
                "BackfillField": "",
                "URLParamsObject": "",
                "URLParamsHook": "",
                "ChoosePageOID": "",
                "step": 1,
                "SearchField": "",
                "ActionType": "Link",
                "LinkButton": [
                    {}
                ],
                "NodeNameField": "label",
                "NodeValueField": "value",
                "ParentNodeField": [],
                "DateType": "date",
                "Field-Type": "bool",
                "LabelConfig": [
                    {}
                ],
                "Enum": "",
                "DataAPIOID": "",
                "Required": false,
                "Edit": "",
                "LeftStr": "",
                "RightStr": "",
                "Thousand": false,
                "Fixed": "false",
                "Width": "",
                "Align": "center",
                "FieldSelect": [
                    "Rep_QueryReport",
                    "IsReport"
                ],
                "FieldName": "是否报表中台"
            },
            "field": "newRow",
            "title": "起新行",
            "colId": "newRow",
            "filters": [
                {
                    "data": ""
                }
            ],
            "width":80,
            "align": "center",
            "editRender": {
                "enabled": false
            }
        },
        {
            "slots": {
                "header": "FilterRows",
                "default": "SelectRender",
                "edit": "SelectEditor"
            },
            "params": {
                "AutoCode": false,
                "BusinessMark": "",
                "sortable": true,
                "sortStatus": null,
                "FieldType": "select",
                "PickPeopleCheckType": "FCheck",
                "PickPeopleType": [
                    "All"
                ],
                "PickPeopleIsAll": "No",
                "PickPeopleStatus": 1,
                "StoredValueField": [],
                "ReturnValueField": [],
                "BackfillField": "",
                "URLParamsObject": "",
                "URLParamsHook": "",
                "ChoosePageOID": "",
                "ChoosePageType": "",
                "step": 1,
                "SearchField": "",
                "LinkButton": [
                    {}
                ],
                "NodeNameField": "label",
                "NodeValueField": "value",
                "ParentNodeField": "ParentOID",
                "options": [
                    {
                        "label": "一列",
                        "value": 1
                    },
                    {
                        "label": "两列",
                        "value": 2
                    },
                    {
                        "label": "三列",
                        "value": 3
                    },
                    {
                        "label": "四列",
                        "value": 4
                    }
                ],
                "DefaultValue": "",
                "DateType": "date",
                "Field-Type": "select",
                "RenderCode": "",
                "delPermission": false,
                "IsLabel": false,
                "LabelAutoColor": false,
                "LabelConfig": [
                    {}
                ],
                "EnumType": "CodeTable",
                "Enum": "Dev_PageButtonType",
                "LabelStoreField": "",
                "DataAPIOID": "",
                "Required": false,
                "Edit": "",
                "LeftStr": "",
                "RightStr": "",
                "Thousand": false,
                "treeNode": false,
                "Fixed": "false",
                "Width": "",
                "Align": "center",
                "ChoosePageCode": "",
                "ChoosePageName": "选择页名称",
                "FieldSelect": [
                    "Dev_PageBotton",
                    "ButtonType"
                ],
                "FieldName_EG": "ButtonType",
                "FieldName": "按钮类型",
                "rowToColumnDSBind": "",
            },
            "field": "columns",
            "title": "列数",
            "colId": "columns",
            "width": 120,
            "align": "center",
            "editRender": {
                "enabled": true,
                "autofocus": ".el-select__input"
            }
        },
        {
            "slots": {
                "header": "FilterRows",
                "edit": "InputEditor"
            },
            "params": {
                "AutoCode": false,
                "BusinessMark": "",
                "filter": false,
                "sortable": true,
                "sortStatus": null,
                "FieldType": "input",
                "PickPeopleCheckType": "FCheck",
                "PickPeopleType": [
                    "All"
                ],
                "PickPeopleIsAll": "No",
                "PickPeopleStatus": 1,
                "StoredValueField": "",
                "ReturnValueField": "",
                "BackfillField": "",
                "URLParamsObject": "",
                "URLParamsHook": "",
                "ChoosePageOID": "",
                "ChoosePageType": "",
                "step": 1,
                "SearchField": "",
                "LinkButton": [
                    {}
                ],
                "NodeNameField": "label",
                "NodeValueField": "value",
                "ParentNodeField": "ParentOID",
                "DefaultValue": "",
                "DateType": "date",
                "Field-Type": "input",
                "RenderCode": "",
                "IsLabel": false,
                "LabelAutoColor": false,
                "LabelConfig": [
                    {}
                ],
                "EnumType": "CodeTable",
                "Enum": "",
                "LabelStoreField": "",
                "DataAPIOID": "",
                "Required": false,
                "Edit": "",
                "LeftStr": "",
                "RightStr": "",
                "Thousand": false,
                "treeNode": false,
                "Fixed": false,
                "Width": 228,
                "Align": "center",
                "ChoosePageCode": "",
                "ChoosePageName": "选择页名称",
                "FieldSelect": [
                    "Dev_PageConfig",
                    "PageName"
                ],
                "FieldName_EG": "PageName",
                "FieldName": "页面名称",
                "rowToColumnDSBind": ""
            },
            "field": "left",
            "title": "左括号",
            "colId": "left",
            "filters": [
                {
                    "data": ""
                }
            ],
            "width": 80,
            "align": "center",
            "editRender": {
                "enabled": true,
                "autofocus": ".el-input__inner"
            }
        },
        {
            "slots": {
                "header": "FilterRows",
                "edit": "InputEditor"
            },
            "params": {
                "AutoCode": false,
                "BusinessMark": "",
                "filter": false,
                "sortable": true,
                "sortStatus": null,
                "FieldType": "input",
                "PickPeopleCheckType": "FCheck",
                "PickPeopleType": [
                    "All"
                ],
                "PickPeopleIsAll": "No",
                "PickPeopleStatus": 1,
                "StoredValueField": "",
                "ReturnValueField": "",
                "BackfillField": "",
                "URLParamsObject": "",
                "URLParamsHook": "",
                "ChoosePageOID": "",
                "ChoosePageType": "",
                "step": 1,
                "SearchField": "",
                "LinkButton": [
                    {}
                ],
                "NodeNameField": "label",
                "NodeValueField": "value",
                "ParentNodeField": "ParentOID",
                "DefaultValue": "",
                "DateType": "date",
                "Field-Type": "input",
                "RenderCode": "",
                "IsLabel": false,
                "LabelAutoColor": false,
                "LabelConfig": [
                    {}
                ],
                "EnumType": "CodeTable",
                "Enum": "",
                "LabelStoreField": "",
                "DataAPIOID": "",
                "Required": false,
                "Edit": "",
                "LeftStr": "",
                "RightStr": "",
                "Thousand": false,
                "treeNode": false,
                "Fixed": false,
                "Width": 228,
                "Align": "center",
                "ChoosePageCode": "",
                "ChoosePageName": "选择页名称",
                "FieldSelect": [
                    "Dev_PageConfig",
                    "PageName"
                ],
                "FieldName_EG": "PageName",
                "FieldName": "页面名称",
                "rowToColumnDSBind": ""
            },
            "field": "field",
            "title": "字段名称",
            "colId": "field",
            "filters": [
                {
                    "data": ""
                }
            ],
            "width": 200,
            "align": "center",
            "editRender": {
                "enabled": true,
                "autofocus": ".el-input__inner"
            }
        },
        {
            "slots": {
                "header": "FilterRows",
                "edit": "SelectEditor"
            },
            "params": {
                "AutoCode": false,
                "BusinessMark": "",
                "filter": false,
                "sortable": true,
                "sortStatus": null,
                "FieldType": "select",
                "options":[
                    {
                        "label": "=",
                        "value": "="
                    },
                    {
                        "label": ">=",
                        "value": ">="
                    },
                    {
                        "label": ">",
                        "value": ">"
                    },
                    {
                        "label": "<=",
                        "value": "<="
                    },
                    {
                        "label": "<",
                        "value": "<"
                    },
                    {
                        "label": "<>",
                        "value": "<>"
                    },
                    {
                        "label": "like",
                        "value": "like"
                    },
                ],
                "PickPeopleCheckType": "FCheck",
                "PickPeopleType": [
                    "All"
                ],
                "PickPeopleIsAll": "No",
                "PickPeopleStatus": 1,
                "StoredValueField": "",
                "ReturnValueField": "",
                "BackfillField": "",
                "URLParamsObject": "",
                "URLParamsHook": "",
                "ChoosePageOID": "",
                "ChoosePageType": "",
                "step": 1,
                "SearchField": "",
                "LinkButton": [
                    {}
                ],
                "NodeNameField": "label",
                "NodeValueField": "value",
                "ParentNodeField": "ParentOID",
                "DefaultValue": "",
                "DateType": "date",
                "Field-Type": "input",
                "RenderCode": "",
                "IsLabel": false,
                "LabelAutoColor": false,
                "LabelConfig": [
                    {}
                ],
                "EnumType": "CodeTable",
                "Enum": "",
                "LabelStoreField": "",
                "DataAPIOID": "",
                "Required": false,
                "Edit": "",
                "LeftStr": "",
                "RightStr": "",
                "Thousand": false,
                "treeNode": false,
                "Fixed": false,
                "Width": 228,
                "Align": "center",
                "ChoosePageCode": "",
                "ChoosePageName": "选择页名称",
                "FieldSelect": [
                    "Dev_PageConfig",
                    "PageName"
                ],
                "FieldName_EG": "PageName",
                "FieldName": "页面名称",
                "rowToColumnDSBind": ""
            },
            "field": "operation",
            "title": "操作符",
            "colId": "operation",
            "filters": [
                {
                    "data": ""
                }
            ],
            "width": 100,
            "align": "center",
            "editRender": {
                "enabled": true,
                "autofocus": ".el-select__input"
            }
        },
        {
            "slots": {
                "header": "FilterRows",
                "edit": "InputEditor"
            },
            "params": {
                "AutoCode": false,
                "BusinessMark": "",
                "filter": false,
                "sortable": true,
                "sortStatus": null,
                "FieldType": "input",
                "PickPeopleCheckType": "FCheck",
                "PickPeopleType": [
                    "All"
                ],
                "PickPeopleIsAll": "No",
                "PickPeopleStatus": 1,
                "StoredValueField": "",
                "ReturnValueField": "",
                "BackfillField": "",
                "URLParamsObject": "",
                "URLParamsHook": "",
                "ChoosePageOID": "",
                "ChoosePageType": "",
                "step": 1,
                "SearchField": "",
                "LinkButton": [
                    {}
                ],
                "NodeNameField": "label",
                "NodeValueField": "value",
                "ParentNodeField": "ParentOID",
                "DefaultValue": "",
                "DateType": "date",
                "Field-Type": "input",
                "RenderCode": "",
                "IsLabel": false,
                "LabelAutoColor": false,
                "LabelConfig": [
                    {}
                ],
                "EnumType": "CodeTable",
                "Enum": "",
                "LabelStoreField": "",
                "DataAPIOID": "",
                "Required": false,
                "Edit": "",
                "LeftStr": "",
                "RightStr": "",
                "Thousand": false,
                "treeNode": false,
                "Fixed": false,
                "Width": 228,
                "Align": "center",
                "ChoosePageCode": "",
                "ChoosePageName": "选择页名称",
                "FieldSelect": [
                    "Dev_PageConfig",
                    "PageName"
                ],
                "FieldName_EG": "PageName",
                "FieldName": "页面名称",
                "rowToColumnDSBind": ""
            },
            "field": "right",
            "title": "右括号",
            "colId": "right",
            "filters": [
                {
                    "data": ""
                }
            ],
            "width": 80,
            "align": "center",
            "editRender": {
                "enabled": true,
                "autofocus": ".el-input__inner"
            }
        },
        {
            "slots": {
                "header": "FilterRows",
                "edit": "SelectEditor"
            },
            "params": {
                "AutoCode": false,
                "BusinessMark": "",
                "filter": false,
                "sortable": true,
                "sortStatus": null,
                "FieldType": "select",
                "options":[
                    {
                        "label": "AND",
                        "value": "AND"
                    },
                    {
                        "label": "OR",
                        "value": "OR"
                    }
                ],
                "PickPeopleCheckType": "FCheck",
                "PickPeopleType": [
                    "All"
                ],
                "PickPeopleIsAll": "No",
                "PickPeopleStatus": 1,
                "StoredValueField": "",
                "ReturnValueField": "",
                "BackfillField": "",
                "URLParamsObject": "",
                "URLParamsHook": "",
                "ChoosePageOID": "",
                "ChoosePageType": "",
                "step": 1,
                "SearchField": "",
                "LinkButton": [
                    {}
                ],
                "NodeNameField": "label",
                "NodeValueField": "value",
                "ParentNodeField": "ParentOID",
                "DefaultValue": "",
                "DateType": "date",
                "Field-Type": "input",
                "RenderCode": "",
                "IsLabel": false,
                "LabelAutoColor": false,
                "LabelConfig": [
                    {}
                ],
                "EnumType": "CodeTable",
                "Enum": "",
                "LabelStoreField": "",
                "DataAPIOID": "",
                "Required": false,
                "Edit": "",
                "LeftStr": "",
                "RightStr": "",
                "Thousand": false,
                "treeNode": false,
                "Fixed": false,
                "Width": 228,
                "Align": "center",
                "ChoosePageCode": "",
                "ChoosePageName": "选择页名称",
                "FieldSelect": [
                    "Dev_PageConfig",
                    "PageName"
                ],
                "FieldName_EG": "PageName",
                "FieldName": "页面名称",
                "rowToColumnDSBind": ""
            },
            "field": "connector",
            "title": "逻辑链接符",
            "colId": "connector",
            "filters": [
                {
                    "data": ""
                }
            ],
            "width": 100,
            "align": "center",
            "editRender": {
                "enabled": true,
                "autofocus": ".el-select__input"
            }
        },
        {
            "slots": {
                "header": "FilterRows",
                "edit": "InputEditor"
            },
            "params": {
                "AutoCode": false,
                "BusinessMark": "",
                "filter": false,
                "sortable": true,
                "sortStatus": null,
                "FieldType": "input",
                "PickPeopleCheckType": "FCheck",
                "PickPeopleType": [
                    "All"
                ],
                "PickPeopleIsAll": "No",
                "PickPeopleStatus": 1,
                "StoredValueField": "",
                "ReturnValueField": "",
                "BackfillField": "",
                "URLParamsObject": "",
                "URLParamsHook": "",
                "ChoosePageOID": "",
                "ChoosePageType": "",
                "step": 1,
                "SearchField": "",
                "LinkButton": [
                    {}
                ],
                "NodeNameField": "label",
                "NodeValueField": "value",
                "ParentNodeField": "ParentOID",
                "DefaultValue": "",
                "DateType": "date",
                "Field-Type": "input",
                "RenderCode": "",
                "IsLabel": false,
                "LabelAutoColor": false,
                "LabelConfig": [
                    {}
                ],
                "EnumType": "CodeTable",
                "Enum": "",
                "LabelStoreField": "",
                "DataAPIOID": "",
                "Required": false,
                "Edit": "",
                "LeftStr": "",
                "RightStr": "",
                "Thousand": false,
                "treeNode": false,
                "Fixed": false,
                "Width": 228,
                "Align": "center",
                "ChoosePageCode": "",
                "ChoosePageName": "选择页名称",
                "FieldSelect": [
                    "Dev_PageConfig",
                    "PageName"
                ],
                "FieldName_EG": "PageName",
                "FieldName": "页面名称",
                "rowToColumnDSBind": ""
            },
            "field": "customSQL",
            "title": "特定语句",
            "colId": "customSQL",
            "filters": [
                {
                    "data": ""
                }
            ],
            "width": 200,
            "align": "center",
            "editRender": {
                "enabled": true,
                "autofocus": ".el-input__inner"
            }
        },
        {
            "slots": {
                "header": "FilterRows",
                "edit": "TextareaEditor"
            },
            "params": {
                "AutoCode": false,
                "BusinessMark": "",
                "filter": false,
                "sortable": true,
                "sortStatus": null,
                "FieldType": "textarea",
                "PickPeopleCheckType": "FCheck",
                "PickPeopleType": [
                    "All"
                ],
                "PickPeopleIsAll": "No",
                "PickPeopleStatus": 1,
                "StoredValueField": "",
                "ReturnValueField": "",
                "BackfillField": "",
                "URLParamsObject": "",
                "URLParamsHook": "",
                "ChoosePageOID": "",
                "ChoosePageType": "",
                "step": 1,
                "SearchField": "",
                "LinkButton": [
                    {
                        "Name": "编辑",
                        "Type": "Edit"
                    },
                    {
                        "Name": "打印",
                        "Type": "Custom",
                        "Code": "function(){\n    console.log(111)\n}"
                    }
                ],
                "NodeNameField": "label",
                "NodeValueField": "value",
                "ParentNodeField": "ParentOID",
                "DefaultValue": "",
                "DateType": "date",
                "Field-Type": "textarea",
                "RenderCode": "",
                "IsLabel": false,
                "LabelAutoColor": false,
                "LabelConfig": [
                    {}
                ],
                "EnumType": "CodeTable",
                "Enum": "",
                "LabelStoreField": "",
                "DataAPIOID": "",
                "Required": false,
                "Edit": "",
                "LeftStr": "",
                "RightStr": "",
                "Thousand": false,
                "treeNode": false,
                "Fixed": false,
                "Width": 439,
                "Align": "left",
                "ChoosePageCode": "",
                "ChoosePageName": "选择页名称",
                "FieldSelect": [
                    "Dev_PageConfig",
                    "Remark"
                ],
                "FieldName_EG": "Remark",
                "FieldName": "备注",
                "rowToColumnDSBind": ""
            },
            "field": "param",
            "title": "参数配置",
            "colId": "param",
            "filters": [
                {
                    "data": ""
                }
            ],
            "width": 250,
            "align": "left",
            "editRender": {
                "enabled": true,
                "autofocus": ".el-textarea__inner"
            }
        }
    ],
    "stripe": true,
    "rowConfig": {
        "keyField": "guid"
    }
}
</script>
<style scoped>
.el-form-item>:deep(.el-form-item__content){
    justify-content: center;
}
</style>